<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页</title>
</head>
<body>
    <h1>这是一个网页</h1>
    <style>
        h1{
            color: red;
        } 
        p{
            color: blue;
        }
        img{
            width: 100px;
            height: 100px;
        }  
    </style>
    <p>这是一个段落</p>
    <img src="img/OIP-C.jpg"></img>
    <a href="a.html">访问a</a>
    <a href="test/b.html">访问b</a> <br>
     <ul>
         <li>京东</li>
         <li>淘宝</li>
         <li>拼多多</li>
         <li>京东</li>
         <li>京东</li>
     </ul>
     <form action="">
        <label for="姓名"></label> <input type="text"></input> <br></br>
        <label for="手机号"></label> <input type="text"><br></br></input>
        <label for="密码"></label> <input type="password"><br></br></input>
        <label for="性别"></label> <input type="radio" name="gender" value="M">男 
                                       <input type="radio" name="gender" value="F">女<br></input></input>
                                       <label for="学历"></label>
                                       <input type="radio" name="study" value="b">本科</input>
                                       <input type="radio" name="study" value="s">硕士</input>
                                       <input type="radio" name="study" value="z">博士</input>
                                        <input type="radio" name="study" value="q">专科</input>
         <label for="美食"></label> <input type="checkbox" name="food" value="1" checked>牛排</input>
                                       <input type="checkbox" name="food" value="2">麻辣烫</input>
                                       <input type="checkbox" name="food" value="3">烤肉</input>
                                      <input type="checkbox" name="food" value="4">火锅</input>
                                      <label for="专业"></label> 
                                      <select name="major">
                                        <option value="1">软件工程</option>
                                        <option value="2">计算机科学与技术</option>
                                        <option value="3">网络工程</option>
                                        <option value="4">物联网</option>
                                    </select>
                                    <label for="邮箱"></label> <input type="email"></input> <br></br>
                                    <label for="日期"></label> <input type="date"></input> <br>
                                    <label for="文件上传"></label> <input type="file"></input>  <br>
                                    <label for="数量"></label> <input type="number" value="1"></input>
                                    
     </form>
</body>
</html>